/**
 * Created by jean.h.ma on 20/03/2018.
 */

import React from 'react'
import Base from '@codefree/badger/app/components/Base'
import PropTypes from 'prop-types'

export default class LoginForm extends Base {
	render() {
		return (
			<div className="badger-login-form">
				<div className="badger-login-form-left">
					<div className="header">
						<div className="logo">
							<img alt="Klorofil Logo"/>
						</div>
						<p className="lead">Login to your account</p>
					</div>
					<form className="pure-form pure-form-aligned">
						<fieldset>
							<div className="pure-control-group">
								<input type="text" placeholder="Username"/>
							</div>
							<div className="pure-control-group">
								<input type="password" placeholder="Password"/>
							</div>
							<div className="pure-control-group">
								<button type="button" className="pure-button">Login</button>
							</div>
						</fieldset>
					</form>
				</div>
				<div className="badger-login-form-right"></div>
			</div>
		);
	}
}